/*!
 * @(#) Index.scss
 * 版权声明 厦门畅享信息技术有限公司, 版权所有 违者必究
 *
 * <br> Copyright:  Copyright (c) 2019
 * <br> Company:厦门畅享信息技术有限公司
 * <br> @author lihui
 * <br> 2019-07-24 19:04:07
 */
:global{
    #root{
        width:100%;
        > div{
            width:100%;
            .index-wrapper{
                color: #FFFFFF;
                width:100%;
                background: url("../../../../assets/images/homepageOne.jpg") no-repeat;
                background-size: 100% 100%;
                box-sizing: border-box;
                padding-top: 60px;
                .index-left{
                    float: left;
                    width:45%;
                    div{
                        font-size: 18px;
                        height: 55px;
                        text-align: right;
                    }
                    div:nth-child(1){
                        line-height: 23px;
                    }
                    div:nth-child(2){
                        line-height: 32px;
                    }
                    div:nth-child(3){
                        line-height: 43px;
                    }
                    div:nth-child(4){
                        line-height: 50px;
                    }
                    div:nth-child(5){
                        line-height: 62px;
                    }
                    div:nth-child(6){
                        display: none;
                    }
                }
                .index-middle{
                    display: inline-block;
                    float: left;
                    width:10%;
                    img{
                        width: 25px;
                        display: block;
                        margin: auto;
                        height: 280px;
                    }
                }
                .index-right{
                    float: left;
                    width:45%;
                    div{
                        height: 55px;
                        font-size: 14px;
                        text-align: left;
                        color: rgba(255,255,255,.8);
                        & > i{
                            padding: 0 0 0 10px;
                            //position: relative;
                            //top: 1px;
                            &:before{
                                vertical-align: middle;
                            }
                        }
                    }
                    div:nth-child(1){
                        line-height: 23px;
                    }
                    div:nth-child(2){
                        line-height: 32px;
                    }
                    div:nth-child(3){
                        line-height: 43px;
                    }
                    div:nth-child(4){
                        line-height: 50px;
                    }
                    div:nth-child(5){
                        line-height: 62px;
                    }
                    div:nth-child(6){
                        display: none;
                    }

                }
                .text-bottom{
                    clear: both;
                    width: 100%;
                    >div{
                        width:130px;
                        height:130px;
                        border:1px solid rgba(255,255,255,0.5);
                        border-radius: 50%;
                        margin: 0 auto;
                        >div{
                            width:90px;
                            height:90px;
                            //border:6px solid rgba(255,255,255,0.8);
                            border-radius:50%;
                            //box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.8);
                            margin:20px auto 0;
                            box-shadow: inset -1px 1px 4px 2px rgba(255,255,255,.3), inset 1px -1px 4px 2px  rgba(255,255,255,.5);
                            //-webkit-transition: all 1s;
                            //-moz-transition: all 1s;
                            //transition: all 1s;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            -webkit-animation: bs linear 1.5s 0.5s infinite;
                            -moz-animation: bs linear 1.5s 0.5s infinite;
                            animation: bs linear 1.5s 0.5s infinite;
                            >div{
                                //margin: 17px auto 0;
                                font-size: 22px;
                                line-height: 22px;
                                width: 44px;
                            }
                            //&:hover{
                            //    -webkit-animation: bs2 linear 1s 1s infinite, bs2-in 1s;
                            //    -moz-animation: bs2 linear 1s 1s infinite, bs2-in 1s;
                            //    animation: bs2 linear 1s 1s infinite, bs2-in 1s;
                            //}
                        }
                    }
                }
            }
        }

    }
}
